Ext.define('HRMS.view.main.Navigation', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.navigation',
 
    width: 250,
    title: 'Options',
	
    initComponent: function() {
        var me = this;
		
		Ext.apply(this, {
			id: 'app-options',
			title: 'Options',
			collapsed: true,
			width: 200,
			minWidth: 150,
			maxWidth: 400,
			animCollapse: true,
			split: true,
			collapsible: true,
			layout:{
				type: 'accordion',
				animate: true
			},
			items: [
			{
				title:'Navigation',
				html: 'Content inside navigation',
				autoScroll: true,
				border: false,
				iconCls: 'nav'
			},
			{
				title:'Settings',
				html: 'Content inside settings',
				border: false,
				autoScroll: true,
				iconCls: 'settings'
			}
		]
		});
		
        me.callParent(arguments);
    }
 
});